<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米官网</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
.box{
	width: 100%;
	height:80px;
	border: 1px solid black;
	background-color: black;
}
.A{
	width: 1200px;
	height: 80px;
	border: 1px solid blue;
	background-color: blue;
	margin: auto;
}
.A1{
	width: 600px;
	height: 80px;
	border: 1px solid hotpink;
	background-color: hotpink;
	float: left;
}
.A2{
	width: 400px;
	height: 80px;
	border: 1px solid skyblue;
	background-color: skyblue;
	float: right;
}
.B{
	width: 1200px;
	height: 80px;
	background-color: yellowgreen;
	margin:10px auto;
	border: 2px solid yellowgreen;
}
.B1{
	width: 100px;
	height: 80px;
	background-color: aqua;
	float: left;
}
.B2{
	width: 600px;
	height: 80px;
	background-color: aqua;
	margin: auto;
}
.B3{
	width: 200px;
	height: 80px;
	background-color: aqua;
	float: right;
	margin-top: -80px;
}
.C{
	width: 1200px;
	height: 500px;
	background-color: red;
	margin: auto;
}
.C1{
	width: 400px;
	height: 500px;
	background-color: darkred;
	float: left;
}
.C2{
	width: 800px;
	height: 500px;
	background-color: deeppink;
	float: right;
}
.D{
	width: 1200px;
	height: 200px;
	background-color: black;
	margin: auto;
}
.D1{
	width: 300px;
	height: 200px;
	background-color: honeydew;
	float: left;
}
.D2{
	width: 300px;
	height: 200px;
	background-color: gray;
	float: left;
}
.D3{
	width: 300px;
	height: 200px;
	background-color: pink;
	float: left;
}
.D4{
	width: 300px;
	height: 200px;
	background-color: firebrick;
	float: left;
}
.E{
	width: 1200px;
	height: 150px;
	background-color: brown;
	margin: auto;
}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="A">
				<div class="A1"></div>
				<div class="A2"></div>
			</div>
		</div>
		<div class="B">
			<div class="B1"></div>
			<div class="B2"></div>
			<div class="B3"></div>
		</div>
		<div class="C">
			<div class="C1"></div>
			<div class="C2"></div>
		</div>
		<div class="D">
			<div class="D1"></div>
			<div class="D2"></div>
			<div class="D3"></div>
			<div class="D4"></div>
		</div>
		<div class="E"></div>
		</body>
		</html>